<ui:composition template="./../WEB-INF/templates/test.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:a4j="http://richfaces.org/a4j"
                xmlns:rich="http://richfaces.org/rich"
                xmlns:myui="http://www.orpsn.com/jsf/facelet">
    
    <ui:define name="contenttitle">
        div
    </ui:define>
    
    <ui:define name="contentbody">
        <table width="100%">
            <tr>
                <col width="16.66%" />
                <col width="16.66%" />
                <col width="16.66%" />
                <col width="16.66%" />
                <col width="16.66%" />
                <col width="16.66%" />
            </tr>
            <tr>
                <td>
                    <myui:div>
                        default
                    </myui:div>
                </td>
                <td>
                    <myui:div small="true">
                        small="true"
                    </myui:div>
                </td>
                <td>
                    <myui:div round="false">
                        round="false"
                    </myui:div>
                </td>
                <td>
                    <myui:div round="false" bordersize="5px">
                        round="false"
                    </myui:div>
                </td>
                <td>
                    <myui:div bordersize="5px">
                        bordersize="5px"
                    </myui:div>
                </td>
                <td>
                    <myui:div bordersize="7px" small="true">
                        bordersize="7px"<br />
                        small="true"
                    </myui:div>
                </td>
            </tr>
            <tr>
                <td>
                    <myui:div theme="dark">
                        theme="dark"
                    </myui:div>
                </td>
                <td>
                    <myui:div theme="dark" small="true">
                        theme="dark"<br />
                        small="true"
                    </myui:div>
                </td>
                <td>
                    <myui:div theme="dark" round="false">
                        theme="dark"<br />
                        round="false"
                    </myui:div>
                </td>
                <td>
                    <myui:div theme="dark" round="false" bordersize="5px">
                        theme="dark"<br />
                        round="false"<br />
                        bordersize="5px"
                    </myui:div>
                </td>
                <td>
                    <myui:div theme="dark" bordersize="5px">
                        theme="dark"<br />
                        bordersize="5px"
                    </myui:div>
                </td>
                <td>
                    <myui:div theme="dark" small="true" bordersize="7px">
                        theme="dark"<br />
                        small="true"<br />
                        bordersize="7px"
                    </myui:div>
                </td>
            </tr>
            <tr>
                <td>
                    <myui:div theme="alert">
                        theme="alert"
                    </myui:div>
                </td>
                <td>
                    <myui:div theme="alert" small="true">
                        theme="alert"<br />
                        small="true"
                    </myui:div>
                </td>
                <td>
                    <myui:div theme="alert" round="false">
                        theme="alert"<br />
                        round="false"
                    </myui:div>
                </td>
                <td>
                    <myui:div theme="alert" round="false" bordersize="5px">
                        theme="alert"<br />
                        round="false"<br />
                        bordersize="5px"
                    </myui:div>
                </td>
                <td>
                    <myui:div theme="alert" bordersize="5px">
                        theme="alert"<br />
                        bordersize="5px"
                    </myui:div>
                </td>
                <td>
                    <myui:div theme="alert" small="true" bordersize="7px">
                        theme="alert"<br />
                        small="true"<br />
                        bordersize="7px"
                    </myui:div>
                </td>
            </tr>
            <tr>
                <td>
                    <myui:div theme="plain">
                        theme="plain"
                    </myui:div>
                </td>
                <td>
                    <myui:div theme="plain" small="true">
                        theme="plain"<br />
                        small="true"
                    </myui:div>
                </td>
                <td>
                    <myui:div theme="plain" round="false">
                        theme="plain"<br />
                        round="false"
                    </myui:div>
                </td>
                <td>
                    <myui:div theme="plain" round="false" bordersize="5px">
                        theme="plain"<br />
                        round="false"<br />
                        bordersize="5px"
                    </myui:div>
                </td>
                <td>
                    <myui:div theme="plain" bordersize="5px">
                        theme="plain"<br />
                        bordersize="5px"
                    </myui:div>
                </td>
                <td>
                    <myui:div theme="plain" small="true" bordersize="7px">
                        theme="plain"<br />
                        small="true"<br />
                        bordersize="7px"
                    </myui:div>
                </td>
            </tr>
            <tr>
                <td>
                    <myui:div theme="light">
                        theme="light"
                    </myui:div>
                </td>
                <td>
                    <myui:div theme="light" small="true">
                        theme="light"<br />
                        small="true"
                    </myui:div>
                </td>
                <td>
                    <myui:div theme="light" round="false">
                        theme="light"<br />
                        round="false"
                    </myui:div>
                </td>
                <td>
                    <myui:div theme="light" round="false" bordersize="5px">
                        theme="light"<br />
                        round="false"<br />
                        bordersize="5px"
                    </myui:div>
                </td>
                <td>
                    <myui:div theme="light" bordersize="5px">
                        theme="light"<br />
                        bordersize="5px"
                    </myui:div>
                </td>
                <td>
                    <myui:div theme="light" small="true" bordersize="7px">
                        theme="light"<br />
                        small="true"<br />
                        bordersize="7px"
                    </myui:div>
                </td>
            </tr>
            <tr>
                <td>
                    <myui:div theme="trans">
                        theme="trans"
                    </myui:div>
                </td>
                <td>
                    <myui:div theme="trans" small="true">
                        theme="trans"<br />
                        small="true"
                    </myui:div>
                </td>
                <td>
                    <myui:div theme="trans" round="false">
                        theme="trans"<br />
                        round="false"
                    </myui:div>
                </td>
                <td>
                    <myui:div theme="trans" round="false" bordersize="1px">
                        theme="trans"<br />
                        round="false"<br />
                        bordersize="1px"
                    </myui:div>
                </td>
                <td>
                    <myui:div theme="trans" bordersize="1px">
                        theme="trans"<br />
                        bordersize="1px"
                    </myui:div>
                </td>
                <td>
                    <myui:div theme="trans" small="true" bordersize="1px">
                        theme="trans"<br />
                        small="true"<br />
                        bordersize="1px"
                    </myui:div>
                </td>
            </tr>
            <tr><td colspan="6"><br /></td></tr>
            <tr>
                <td>
                    <myui:div title="My Title">
                        title="My Title"
                    </myui:div>
                </td>
                <td>
                    <myui:div title="My Title" theme="dark">
                        title="My Title"
                    </myui:div>
                </td>
                <td>
                    <myui:div title="My Title" theme="alert">
                        title="My Title"
                    </myui:div>
                </td>
                <td>
                    <myui:div title="My Title" theme="plain">
                        title="My Title"
                    </myui:div>
                </td>
                <td>
                    <myui:div title="My Title" theme="light">
                        title="My Title"
                    </myui:div>
                </td>
                <td>
                    <myui:div title="My Title" theme="trans">
                        title="My Title"
                    </myui:div>
                </td>
            </tr>
        </table>
    </ui:define>
    
</ui:composition>